<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="CSS/index.css">
    <link rel="stylesheet" href="CSS/common.css">
</head>
<body>
<div class="frontbg">
    <div class="container top">
        <div class="logo fl">
            <a href="HTML.html">
                <img src="DATA/frontbg.png">
            </a>
        </div>
    </div>
</div>
<div class="menu">
    <div class="container">
        <ul>
            <li>
                <a href="">
                    <img src="DATA/home.png">
                </a>
            </li>
            <li>
                <a href="">
                    实验室简介
                </a>
            </li>
            <li>
                <a href="">
                    信息中心
                </a>
            </li>
            <li>
                <a href="">
                    科研方向
                </a>
            </li>
            <li>
                <a href="">
                    科研团队
                </a>
            </li>
            <li>
                <a href="">
                    科研成果
                </a>
            </li>
            <li>
                <a href="">
                    资料下载
                </a>
            </li>
            <li>
                <a href="">
                    作业查询
                </a>
            </li>
            <li>
                <a href="">
                    加入我们
                </a>
            </li>
        </ul>
    </div>
</div>
<div class="bannerbg">
    <div class="container">
        <div class="notice fl">
            <div class="not-top">
                <div class="not-tit fl">
                    学生周知
                </div>
                <div class="not-more fr">
                    <a href="">
                        more+
                    </a>
                </div>
            </div>
            <ul>
                <li>
                    <a href="">
                        1
                    </a>
                </li>
                <li>
                    <a href="">
                        2
                    </a>
                </li>
                <li>
                    <a href="">
                        3
                    </a>
                </li>
                <li>
                    <a href="">
                        4
                    </a>
                </li>
                <li>
                    <a href="">
                        5
                    </a>
                </li>
                <li>
                    <a href="">
                        6
                    </a>
                </li>
                <li>
                    <a href="">
                        7
                    </a>
                </li>
            </ul>
        </div>
        <div class="ban fl">

        </div>
        <div class="news fr">
            <div class="not-top">
                <div class="not-tit fl">
                    重大新闻
                </div>
                <div class="not-more fr">
                    <a href="">
                        more+
                    </a>
                </div>
            </div>
            <ul>
                <li>
                    <a href="">1</a>
                </li>
                <li>
                    <a href="">2</a>
                </li>
                <li>
                    <a href="">3</a>
                </li>
                <li>
                    <a href="">4</a>
                </li>
                <li>
                    <a href="">5</a>
                </li>
                <li>
                    <a href="">6</a>
                </li>
                <li>
                    <a href="">7</a>
                </li>
                <li>
                    <a href="">8</a>
                </li>
                <li>
                    <a href="">9</a>
                </li>
                <li>
                    <a href="">10</a>
                </li>

            </ul>
        </div>
    </div>
</div>
<div class="indexcon">
    <div class="container">
        <div class="form fl">
            <div class="form-top">
                <div class="form-tit fl">
                    实验室组成
                </div>
                <div class="form-more fr">
                    <a href="">
                        了解更多
                    </a>
                </div>
            </div>
            <div class="form-con">
                <ul>
                    <li>
                        <a href="">
                            Web组
                        </a>
                    </li>
                    <li>
                        <a href="">
                            Android组
                        </a>
                    </li>
                    <li>
                        <a href="">
                            IOS组
                        </a>
                    </li>
                    <li>
                        <a href="">
                            UI组
                        </a>
                    </li>
                    <li>
                        <a href="">
                            嵌入式组
                        </a>
                    </li>
                    <li>
                        <a href="">
                            我是新生
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="science fl">
            <div class="sci-top">
                <div class="sci-tit fl">
                    科学趣闻
                </div>
                <div class="sci-more fr">
                    <a href="">
                        想要更多？
                    </a>
                </div>
            </div>
            <div class="sci-con">

            </div>
        </div>
        <div class="form fr">
            <div class="form-top">
                <div class="data-tit fl">
                    资料下载
                </div>
                <div class="data-more fr">
                    <a href="">
                        下载更多
                    </a>
                </div>
            </div>
            <div class="data-con">
                <ul>
                    <li>
                        <a href="">
                            1
                        </a>
                    </li>
                    <li>
                        <a href="">
                            2
                        </a>
                    </li>
                    <li>
                        <a href="">
                            3
                        </a>
                    </li>
                    <li>
                        <a href="">
                            4
                        </a>
                    </li>
                    <li>
                        <a href="">
                            5
                        </a>
                    </li>
                    <li>
                        <a href="">
                            6
                        </a>
                    </li>

                </ul>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <p >

    </p>
    <p class="end">
        地址：大连市经济技术开发区图强街321号大连理工大学开发区校区综合楼4楼
    </p>
    <p class="end">
        邮编：106621 电话：(0411)87571567 邮箱：zhuming@dlut.edu.cn
    </p>
    <p class="end">
        Copyright © 2016 大连理工大学EDA实验室 All Rights Reserved
    </p>
</div>

</body>
</html>